<template>
	<view>
		<z-paging ref="paging" v-model="goodsList" @query="getGoodsList" :empty-view-fixed="false" :default-page-size="limit">
			<view class="top-box" :style="{ paddingTop: $statusBarHeight() + 10 + 'px', height: $statusBarHeight() + 210 + 'px' }">
				<uni-header :background="`url(${$getImgUrl('home/ic_bg.png')}) no-repeat top/100%`" title="抽盒" :border="false" color="#fff" leftIcon=""></uni-header>
				<image :src="$getImgUrl('home/ic_bg.png')" mode="aspectFill" class="top-bg"></image>
				<image :src="$getImgUrl('home/ic_hdgz.png')" mode="widthFix" class="img-rule" @click="$navTo('pages/mine/agreement/agreement', { type: 4 })"></image>
			</view>
			<view class="goods-list"><GoodsItem :item="item" :index="index" v-for="(item, index) in goodsList" :key="index" @onClick="onClick(item)"></GoodsItem></view>
		</z-paging>
	</view>
</template>

<script src="./manghe.js"></script>

<style lang="scss" scoped>
@import '@/style/common.scss';
@import './manghe.scss';
</style>
